<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/wechat.css" />
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div class="header-left">
					微信（10）
				</div>
				<div class="header-middle">
					<img src="./素材/找.jpg"/>
				</div>
				<div class="header-right">
					<img src="./素材/+.jpg"/>
				</div>
			</div>
			<div id="main">
				<div class="item">
					<div class="item-left">
						<img src="./素材/马.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">小马哥</div>
						<div class="item-middle-bottom">早上好吖！</div>
					</div>
					<div class="item-right">
						上午 12:12
					</div>
				</div>
				<div class="item">
					<div class="item-left">
						<img src="./素材/贺.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">小兔子贺儿</div>
						<div class="item-middle-bottom">嘿！在干嘛呢</div>
					</div>
					<div class="item-right">
						上午 06:15
					</div>
				</div>
				<div class="item">
					<div class="item-left">
						<img src="./素材/宋.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">轩轩</div>
						<div class="item-middle-bottom">晚上要吃啥</div>
					</div>
					<div class="item-right">
						下午 03:04
					</div>
				</div>
				<div class="item">
					<div class="item-left">
						<img src="./素材/刘.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">吻文</div>
						<div class="item-middle-bottom">打球去吗</div>
					</div>
					<div class="item-right">
						上午 09:23
					</div>
				</div>
				<div class="item">
					<div class="item-left">
						<img src="./素材/丁.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">丁儿</div>
						<div class="item-middle-bottom">走啦走啦</div>
					</div>
					<div class="item-right">
						下午 02:24
					</div>
				</div>
				<div class="item">
					<div class="item-left">
						<img src="./素材/张.jpg"/>
					</div>
					<div class="item-middle">
						<div class="item-middle-top">张哥</div>
						<div class="item-middle-bottom">拜拜拜拜</div>
					</div>
					<div class="item-right">
						下午 04:16
					</div>
				</div>
			</div>
			<div id="footer">
				<div class="footer-1">
					<div class="nav-icon">
						<img src="./素材/微信.jpg"/>
					</div>
					<div class="nav-text">微信</div>
				</div>
				<div class="footer-2">
					<div class="nav-icon">
						<img src="./素材/人.jpg"/>
					</div>
					<div class="nav-text">通讯录</div>
				</div>
				<div class="footer-3">
					<div class="nav-icon">
						<img src="./素材/发.jpg"/>
					</div>
					<div class="nav-text">发现</div>
				</div>
				<div class="footer-4">
					<div class="nav-icon">
						<img src="./素材/我.jpg"/>
					</div>
					<div class="nav-text">我</div>
				</div>
			</div>
		</div>
	</body>
</html>
